﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>jQuery UI Tabs - Open on mouseover</title>
        <link type="text/css" href="themes/base/ui.all.css" rel="stylesheet" />
        <script type="text/javascript" src="jquery-1.3.2.js">
        </script>
        <script type="text/javascript" src="ui/ui.core.js">
        </script>
        <script type="text/javascript" src="ui/ui.tabs.js">
        </script>
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <script type="text/javascript">
            $(function(){
                $("#tabs").tabs({
                    event: 'mouseover'
                });
            });
        </script>
    </head>
    <body>
        <div class="demo">
            <div id="tabs">
                <ul>
                    <li>
                        <a href="#tabs-1">近期活動</a>
                    </li>
                    <li>
                        <a href="#tabs-2">住宿優惠</a>
                    </li>
                    <li>
                        <a href="#tabs-3">季節限定</a>
                    </li>
                </ul>
                <div id="tabs-1">
                    <div>
                        <p>
                            <a target="_blank" href="http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007">烏來泰雅文化祭 </a>
                            <img align="right" src="pic/002.gif" height="200px" width="130px"/>
                        </p>
                        <p>
                            活動地點：  	烏來
                        </p>
                        <p>
                            日　　期： 	2009-05-13 至 2009-06-15
                        </p>
                        <p>
                            參加方式： 	自由參加
                        </p>
                        <p>
                            詳情請見: <a target="_blank" href="http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007">http://www.culture.tpc.gov.tw/common/html/wizard/pcontent.jsp?dptid=101&cparentid=1007</a>
                        </p>
                    </div>
                    <hr>
                    </hr>
                </div>
                <div id="tabs-2">
                    <p>
                        <h1>Comming Soon!</h1>
                    </p>
                </div>
                <div id="tabs-3">
                    <p>
                        <a target="_blank" href="http://www.wulia.gov.tw/ulay/walking.html">2009春戀烏來櫻花季-櫻味幸福走</a>
                        <img align="right" src="pic/47073_pic_20090213144328_4.jpg" height="180px" width="130px"/>
                    </p>
                    <p>
                        活動地點：  	烏來
                    </p>
                    <p>
                        日　　期： 	2009-02-13 至 2009-03-15
                    </p>
                    <p>
                        參加方式： 	請報名參加
                    </p>
                    <p>
                        詳情請見: <a target="_blank" href="http://www.wulia.gov.tw/ulay/walking.html">http://www.wulia.gov.tw/ulay/walking.html</a>
                        <hr>
                        </hr>
                        <p>
                            <a target="_blank" href="http://2009wulai.emmm.tw/">2009烏來櫻花季活動-幸福誌-主題活動</a>
                            <img align="right" src="pic/47073_pic_20090213143933_1.jpg" height="180px" width="130px"/>
                        </p>
                        <p>
                            活動地點：  	烏來風景區
                        </p>
                        <p>
                            日　　期： 	2009-02-13 至 2009-03-15
                        </p>
                        <p>
                            參加方式： 	自由參加
                        </p>
                        <p>
                            詳情請見: <a target="_blank" href="http://2009wulai.emmm.tw/">http://2009wulai.emmm.tw/</a>
                            <hr>
                            </hr>
                            <p>
                                <a target="_blank" href="http://2009wulai.emmm.tw">2009烏來櫻花季-文化推廣活動</a>
                                <img align="right" src="pic/47073_pic_20090213144505_1.jpg" height="180px" width="130px"/>
                            </p>
                            <p>
                                活動地點：  	烏來風景區
                            </p>
                            <p>
                                日　　期： 	2009-02-13 至 2009-02-15
                            </p>
                            <p>
                                參加方式： 	自由參加
                            </p>
                            <p>
                            詳情請見: <a target="_blank" href="http://2009wulai.emmm.tw">http://2009wulai.emmm.tw</a>
                        </div>
                    </div>
                </div>
                <!-- End demo -->
                <!--<div class="demo-description">
                <p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
                <pre><code>event: 'mouseover'
                </code></pre>
                </div> -->
                <!-- End demo-description -->
                </body>
            </html>
